:root {
  --bg-color: #e8e8ea;
  --inverted-bg-color: #080849;
  --primary-color: #0232c2;
  --secondary-color: #4b7deb;
  --inverted-primary-color: #04ff04;
  --inverted-secondary-color: #049604;
  --skeleton-color: #fff;
  --skeleton-shadow: rgba(0 0 0 / 20%);
  --code-bg: #fff;
  --card-bg: #d5d5d7;
  --listbox-bg: #d5d5d7;

  // redesigned
  --dark-bg-redesigned: #fff;
  --bg-redesigned: #eff5f6;
  --light-bg-redesigned: #e2eef1;
  --text-redesigned: #141c1f;
  --hint-redesigned: #adbcc0;
  --cancel-redesigned: #f77;
  --save-redesigned: #62de85;
  --icon-redesigned: #5ed3f3;
  --accent-redesigned: #00c8ff;
}
